<template>
    <div v-if="weijuList.author !=null" class="root">
        <div>
            <div class="imgName"> <img :src="weijuList.author.cover" alt=""> </div>
            <div >
                <div class="content"> <span v-text="weijuList.author.name"></span> </div>
                <div class="content">  <span v-text="weijuList.content"></span> </div>
                <div class="tubiao content"> 
                <span class="fa fa-share-alt share"></span>
                <span class="fa fa-star start"></span>
                <span class="fa fa-heart heart"></span>
                <span class="fa fa fa-pencil pencil"></span></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</template>

<script>
import bus from '../../js/bus.js'
import { Confirm,Popup,ConfirmPlugin,Actionsheet } from 'vux'
export default {
data() {
    return {
        weijuList:[]
    }
},
mounted() {
    var _this = this
      bus.$on('goodinfo' , function(data) {
          //console.log(data)
            _this.weijuList = data
        })
    }
}
</script>

<style scoped>
.root{
    width: 100vw;
    text-align: left;
    margin-top: 3vw;
}
img{
    width: 18vw;
    height: 18vw;
    border-radius: 50%;
}
.imgName{
width: 20vw;
height: 80vw;
/* border: 1px solid red; */
float: left;
}
.clear{
    clear: both;
}
.tubiao span{
    box-sizing: border-box;
    padding: 0 5vw;
}
.content{
    box-sizing: border-box;
    padding: 1.5vw 0;
}

</style>
